/* 网站前台的样式
    Document   : cial.css
    Created on : 2012-1-7, 14:46:25
    Author     : Administrator
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body,a,div,span,ul,li,form{              
    margin:0;
    padding:0;
    display:block;
}

body{
    text-align:center;
    font-size:0.8em;      
}


#container{
    margin:0 auto;
    width:920px;
    text-align:left;
}
#header{
    width:100%; 
    margin-top:10px;
    float:left;
    background:transparent;

}
.webtitle{
    width:100%;    
    float:left;

}

.btitle{
    float:left;
    height:30px;
    line-height:30px;
    color:#ff1493;
    font-size:1.8em;
    font-weight:bolder;
}
.login{
    float:right;

}
.login form input {
    width:70px;
    height:20px;
}
.login ul li{
    float:left;
    margin-right:5px;
    color:#a9a9a9;
    height:30px;
    line-height:30px;

}
.login ul li img{
    margin-top:8px;
    
}

.webmenu{
    width:100%;
    height:30px;              
    float:left;
    background:#a9a9a9;
}
ul{                
    list-style:none;              
}

.webmenu ul li{    
    width:35px;
    margin-right:15px;
    text-align:center;
    line-height:30px;
    float:left;

}
.webmenu a:link,a:visited {
    text-decoration:none;
    color:#5C5C5C;
}
.webmenu a:hover{
    color:black;               
    height:30px;
    background:#EBEBEB;

}
.tiao{
    width:1px;
    height:10px;
    margin-top:10px;
    margin-right:10px;
    background:black;
    float:left;
    overflow:hidden;
}
#main{
    width:900px;
    margin-left:10px;
    float:left;
    background:white;
    overflow:hidden;
}
#main #menu{
    width:20%;
    float:left;
    margin-right:10px;

}

#menu .left{
    width:100%;
    float:left;   
    border:1px #EBEBEB solid;
    background:#f0ead8;
}
#menu .left span{
    width:100%;
    height:20px;
    line-height:20px;

    font-size:1em;
    color:white;   
    float:left;  
    clear:right;
    background:#808080;
}

#menu .left ul{
    float:left;
    width:100%;
    clear:both;
}


#menu .left ul li{ 
    display:block;
    height:25px;
    float:left;
    clear:both;
    line-height:25px;   
}
#menu .left ul li img{
    margin-top:6px;
    overflow:hidden;
    padding:0;
    border:none;
}

.left a:visited,a:link{
    text-decoration:none;
    color:#330066;                
}
.left a:hover{
    text-decoration:underline;
}
.left form{
    width:100%;
    height:30px;
    float:left;
}

.left form .shuru input{               
    float:left;
    width:89px;
}
.left form .anniu input{               
    float:right;
    width:50px;
}

#main #content{
    width:78%;
    float:right;
}
.cont{
    width:100%;
    float:left;
    text-align:left;
    background:#EBEBEB;
    padding:5px;
}
.cont .blog_title{
    width:100%;
    height:20px;
    line-height:20px;
    float:left;
    margin-top:5px;
    overflow:hidden;
    font-weight:bolder;
    font-size:1.2em;

}
.blog_title a{
    float:left;   
    height:20px;

}

.blog_title a:link,a:visited{
    text-decoration:none;

}
.blog_title a:hover{    
    background:#8A2BE2;
    height:20px;
    color:black;

}

.cont .blog_time{
    width:100%;
    height:20px;
    line-height:20px;
    float:left;
    color:#5C5C5C;
}
.cont .blog_detail{
    height:20px;
    line-height:20px;
    margin-top:5px;
    float:left;
}
.cont .blog_detail a{
    height:20px;
    line-height:20px;
    float:left;

}
.cont .blog_detail a img{
    border:none;
}

.main_cont{
    width:100%;    
    overflow:hidden;
    background:white;


}

.header_pic{
    float:left;
    width:920px;
    height:150px;
    overflow:hidden;
    padding:10px 10px 0 10px;
    overflow:hidden;


}
.header_pic img{
    width:900px;
    height:150px;
    position:relative;
    left:0;
    top:0;

}


.cont a:visited,a:link{
    text-decoration:none;
    color:#330066;                
}
.cont a:hover{
    text-decoration:underline;
    background:white;

}
.cont .blog_control{
    width:100%;
    height:30px;
    margin-top:10px;
    overflow:hidden;
    line-height:30px;
    float:left;
}
.cont .blog_control ul li{
    margin-right:10px;
    height:30px;
    line-height:30px;               
    float:left;
}
#footer{
    width:900px;
    float:left;
    text-align:center;
}

.webmenu{
    width:900px;
    float:left;
    margin-left:10px;

}

.webmenu span{
    height:30px;
    line-height:30px;
}
.nav{
    width:100%;
    height:10px;
    float:left;
    clear:both;
    overflow:hidden;
    background:white;


}
.space{
    width:100%;
    height:10px;
    overflow:hidden;
    float:left;
    clear:both;

}

.act_tit{
    width:100%;
    height:40px;
    line-height:40px;
    float:left;
    text-align:center;
    margin-top:5px;
    font-weight:bolder;
    font-size:1.2em;
    background:#CCC;

}
.act_rel{
    width:100%;
    height:30px;
    line-height:30px;
    float:left;
    text-align:center;

}
.act_rel ul{
    margin-left:170px;
    text-align:center;
}
.act_rel ul li{    

    height:30px;
    margin-right:15px;
    text-align:center;
    line-height:30px;
    float:left;

}

.act_des{
    width:100%;
    float:left;
    text-align:left;

}

.act_con{
    width:100%;
    float:left;

}

.htiao{
    width:100%;
    height:20px;
    float:left;
    background:#CCC;
    margin-top:8px;
    margin-bottom:8px;

}

.ltiao{
    float:left;
    margin-left:5px;
    line-height:20px;
}

.ttiao{
    float:left;
    width:100%;

}

.ttiao ul li{
    float:left;
    height:20px;
    line-height:20px;
    clear:both;
}
.rtiao{
    float:right;
    line-height:20px;
    margin-right:5px;
}

.ms{
    color:#5C5C5C;
    font-size:12px;

}

.ptiao{
    float:left;
    height:20px;
    line-height:20px;

}

.ptiao input{
    float:left;
    margin-right:8px;


}

.cmt_lists{
    width:100%;
    float:left;
    border:1px solid ;
}

.page{
    width:100%;       
    text-align:left;


}